*{margin:0;padding:0;}
html,body{height: 100%;font-size:10px;font-family: Arial, Roboto, 'Droid Sans', 'Hiragino Sans GB', STXihei, 'sans-serif';}
div {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html{background: url(../images/bg.jpg);background-size: cover;overflow-x: hidden;}
img{border:none;}
.logo{padding:2.2rem .5rem 0  .5rem;}
.rule{color:#fff;text-align: center;}
.rule span{font-size:1rem;}
.rule img{vertical-align: middle;margin: .5rem;}
.btn{line-height: 2rem;color:#fff;text-align: center;display: inline-block;margin:.5rem 0;}
.btn button{display: inline-block;background:#ee4d9b;border:2px solid #fff;border-radius: 1rem;outline: none;color:#fff;height: 3rem;padding:0 2rem;font-size: 1.5rem;margin-bottom:.5rem;font-family: SimHei;}
.btn span{display: block;color:#035d8d;font-size:1rem;font-family: SimHei;   }
.act-list{width: 94%;margin:1rem auto;list-style: none;}
.act-list li{margin-bottom:2rem;}
.mobile-form{font-size:1.6rem;color:#fff;}
.mobile-form-box{margin:3rem 0;}
.mobile-form label{width: 80%;margin: 1rem auto;display: block;line-height: 3rem;text-align: center;}
.mobile-form label span{vertical-align: middle;margin-right:.6rem;font-size:1.3rem;}
.mobile-form label input{border-radius: .5rem;background:#fff;border:none;height: 3rem; width:30%;padding: 0 .5rem; text-align: left;font-size: 1.3rem;}
.mobile-form label button{width: 28%;height:3rem;line-height: 3rem;vertical-align: middle;margin-left:2%;background:#6a6a6a;color:#fff;border:none;outline: none;}
.mobile-form label button.act{color:#000;background:#ccc;overflow: hidden;}
.mobile-form label img{width: 28%;vertical-align:middle;margin-left:2%;}
.note{width: 78%;position: relative;margin: 2rem auto;line-height: 1.8rem;color:#ee4d9b;}
.note-text{position: absolute;top:0;left:0;padding:18% 5% 18% 18%;}
.note-text h5{font-size: 1.5rem;}
.note-text li{text-indent: -1.5rem;list-style: none;font-size:.8rem; }
.turntable{width: 78%;margin:3rem auto;position: relative;}
.turntable-zhen{position: absolute;top:50%;left:50%;margin:-23.5% 0 0 -16.5%;z-index:3;}
.turntable-list{list-style: none;position: absolute;top:0;left:0;width: 100%;height: 100%;}
.turntable-list li{position: absolute;width: 20%;height: 90%;left:40%;top:0;font-size:1.2rem;overflow: hidden;line-height: 1.5rem;text-align: center;color:#fff;padding-top:10%;font-weight: bold;z-index:2;}
.turntable-list li:nth-child(1){transform: rotate(22.5deg);  }
.turntable-list li:nth-child(2){transform: rotate(67.5deg);  }
.turntable-list li:nth-child(3){transform: rotate(112.5deg);  }
.turntable-list li:nth-child(4){transform: rotate(157.5deg);  }
.turntable-list li:nth-child(5){transform: rotate(205.5deg);  }
.turntable-list li:nth-child(6){transform: rotate(251.5deg);  }
.turntable-list li:nth-child(7){transform: rotate(296.5deg);  }
.turntable-list li:nth-child(8){transform: rotate(339.5deg); color:#f22525; font-size: 1.8rem;line-height: 1.8rem;}
.turntable.act .turntable-list,.turntable.act .turntable-pan{transform: rotate(2200deg);transition: 5s;-webkit-transform:rotate(2200deg); }
.brand{width: 66%;margin: 3rem auto;position: relative;}
.brand-text{color:#fff;font-size:2.2rem;position: absolute;text-align: center;width: 70%;left:18%;top:16%;white-space: normal;word-wrap:break-word;font-weight: bold;transform: rotate(-2deg);-webkit-transform: rotate(-2deg);}
.brand-text b{font-size: 1.2rem;display: block;}
.end-act-title{text-align: center;margin:1rem 0 0 0;font-size:1.3rem;}
